{extend name="admin@public:base" /}
{block name="main-row-content"}
<div class="row">
	<div class="col-xs-12">
		<!-- PAGE CONTENT BEGINS -->
		<div class="alert alert-block alert-success" style="margin-top:20px">
			<button type="button" class="close" data-dismiss="alert">
				<i class="ace-icon fa fa-times"></i>
			</button>

			<i class="ace-icon fa fa-check green"></i>

			欢迎使用
			<strong class="green">
				HBBCMS
				<small>  v1.0</small>
			</strong>,
             一款可以快速开发的cms程序。
		</div>

		<div class="row">
			<div class="space-6"></div>
            <div class="col-sm-7">
            	<div class="widget-box transparent padding-top-10">
					<div class="widget-header widget-header-flat">
						<h4 class="widget-title lighter">
							<i class="ace-icon fa fa-user orange"></i>
							最新注册用户
						</h4>

						<div class="widget-toolbar">
							<a href="#" data-action="collapse">
								<i class="ace-icon fa fa-chevron-up"></i>
							</a>
						</div>
					</div>

					<div class="widget-body">
						<div class="widget-main padding-4">
							<div class="clearfix">
								{foreach name="user" item="vo"}
								<div class="itemdiv memberdiv">
									<div class="user">
										<img alt="{$vo.username}'s avatar" src="{$vo.avatar|get_img}" style="width:40px;height:40px;border-radius: 50%">
									</div>

									<div class="body">
										<div class="name">
											<a href="javascript:void(0)">{$vo.username}</a>
										</div>

										<div class="time">
											<i class="ace-icon fa fa-clock-o"></i>
											<span class="green">{$vo.addtime|get_time_format=###,false}</span>
										</div>
									</div>
								</div>
							 {/foreach}
                                
						    </div>
						    <div class="space-4"></div>
							<div class="center">
								<a href="{:url('admin/sys/admin')}" class="btn btn-sm btn-white btn-info">
									查看更多用户
									<i class="ace-icon fa fa-arrow-right"></i>
								</a>
							</div>						    
						</div><!-- /.widget-main -->
					</div><!-- /.widget-body -->
				</div><!-- /.widget-box -->
				{:addons_hook('adminIndex')}<!-- /.widget-box -->
            </div>
            <div class="col-sm-5">
				<div class="padding-top-10" >
					<div class="widget-box transparent">
					<div class="widget-header widget-header-flat">
						<h4 class="widget-title lighter">
							<i class="ace-icon fa fa-user orange"></i>
							最新注册用户
						</h4>

						<div class="widget-toolbar">
							<a href="#" data-action="collapse">
								<i class="ace-icon fa fa-chevron-up"></i>
							</a>
						</div>
					</div>

					<div class="widget-body">
						<div class="widget-main padding-4">
							<div id="echarts" style="height:250px;width:100%;"></div>				    
						</div><!-- /.widget-main -->
					</div><!-- /.widget-body -->
				</div><!-- /.widget-box -->
				</div><!-- /.col -->
				{:addons_hook('adminIndexRight')}
				<div class="padding-top-30" >
					<div class="widget-box">
						<div class="widget-header">
							<h4 class="widget-title lighter smaller">
								<i class="ace-icon fa fa-comment blue"></i>
								评论
							</h4>
						</div>

						<div class="widget-body">
							<div class="widget-main no-padding">
								<!-- #section:pages/dashboard.conversations -->
								<div class="dialogs">
									<div class="itemdiv dialogdiv">
										<div class="user">
											<img alt="Alexa's Avatar" src="avatars/avatar1.png" />
										</div>

										<div class="body">
											<div class="time">
												<i class="ace-icon fa fa-clock-o"></i>
												<span class="green">4秒前</span>
											</div>

											<div class="name">
												<a href="#">Alexa</a>
											</div>
											<div class="text">这个CMS系统真心强大好用。</div>
										</div>
									</div>

									<div class="itemdiv dialogdiv">
										<div class="user">
											<img alt="John's Avatar" src="avatars/avatar.png" />
										</div>

										<div class="body">
											<div class="time">
												<i class="ace-icon fa fa-clock-o"></i>
												<span class="blue">38秒前</span>
											</div>

											<div class="name">
												<a href="#">John</a>
											</div>
											<div class="text">开发迅速，功能齐全，简直好用的不行。</div>
										</div>
									</div>

									<div class="itemdiv dialogdiv">
										<div class="user">
											<img alt="Bob's Avatar" src="avatars/user.jpg" />
										</div>

										<div class="body">
											<div class="time">
												<i class="ace-icon fa fa-clock-o"></i>
												<span class="orange">2分钟前</span>
											</div>

											<div class="name">
												<a href="#">Bob</a>
											</div>
											<div class="text">简单好用，快捷操作，感谢作者无偿分享。</div>
										</div>
									</div>

									<div class="itemdiv dialogdiv">
										<div class="user">
											<img alt="Jim's Avatar" src="avatars/avatar4.png" />
										</div>

										<div class="body">
											<div class="time">
												<i class="ace-icon fa fa-clock-o"></i>
												<span class="grey">3分钟前</span>
											</div>

											<div class="name">
												<a href="#">Jim</a>
											</div>
											<div class="text">这个实在太强大了，美观大方。</div>
										</div>
									</div>

									<div class="itemdiv dialogdiv">
										<div class="user">
											<img alt="Alexa's Avatar" src="avatars/avatar1.png" />
										</div>

										<div class="body">
											<div class="time">
												<i class="ace-icon fa fa-clock-o"></i>
												<span class="green">4分钟前</span>
											</div>

											<div class="name">
												<a href="#">Alexa</a>
											</div>
											<div class="text">啥也不说了，点个赞把，哈哈。</div>
										</div>
									</div>
								</div>
							</div><!-- /.widget-main -->
						</div><!-- /.widget-body -->
					</div><!-- /.widget-box -->
				</div><!-- /.col -->				
            </div>
		</div><!-- /.row -->

		<!-- PAGE CONTENT ENDS -->
	</div><!-- /.col -->
</div><!-- /.row -->
{/block}
{block name="script"}
<script type="text/javascript">
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('echarts'));
        var user_xchar ={$user_xchar}
        // 指定图表的配置项和数据
       option = {
		    title : {
		        text: '最近一周人气',
		        subtext: '人数/人'
		    },
		    tooltip : {
		        trigger: 'axis'
		    },
		    legend: {
		        data:['最高人数']
		    },
		    toolbox: {
		        show : true,
		        feature : {
		            mark : {show: true},
		            dataView : {show: true, readOnly: false},
		            magicType : {show: true, type: ['line', 'bar']},
		            restore : {show: true},
		            saveAsImage : {show: true}
		        }
		    },
		    calculable : true,
		    xAxis : [
		        {
		            type : 'category',
		            boundaryGap : false,
		            data : user_xchar
		        }
		    ],
		    yAxis : [
		        {
		            type : 'value',
		            axisLabel : {
		                formatter: '{value}'
		            }
		        }
		    ],
		    series : [
		        {
		            name:'最高人数',
		            type:'line',
		            data:[11, 11, 15, 13, 12, 13, 10],
		            markPoint : {
		                data : [
		                    {type : 'max', name: '最大值'},
		                    {type : 'min', name: '最小值'}
		                ]
		            },
		            
		        },
		    ]
		};
                    

        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
    </script>
</script>
{/block}
   </body>
</html>